// rcf 快捷生成 函数组件
import { useState } from 'react'
/**
 *    useState()
 *  总结：
 *    TS 写法和 JS 写法没区别
 *  TS 约束了什么：
 *    1. 设置 setCount 的函数变得更严格了，设置不同类型会报错
 *    2. 标签的属性有更严格的检查，写错了会有提示（ 如 onclick 在以前 js 项目中不报错，TS项目会有报错）
 */

export default function App() {
  const [count, setCount] = useState(0)
  // setCount('1')
  return (
    <div>
      <h1>Hello React + TS</h1>
      <h2>count:{count}</h2>
      <button onClick={() => setCount(count + 1)}>点击+1</button>
    </div>
  )
}
